<ui:composition 
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:p="http://primefaces.org/ui" >
        
    <p:dialog header="Productos sustitutos/sugeridos" id="verSustitutos" widgetVar="dlgSustitutos" dynamic="true" width="650" >
        
        <p:carousel value="#{catalogoBean.itemCatalogo.producto.sustitutos}" var="s"
                    rendered="#{not empty catalogoBean.itemCatalogo.producto.sustitutos}" numVisible="3" >
       
       <div class="carrCont">
        
        <div class="carrFoto">
            <p:graphicImage style="width:120px; height:120px;"  value="#{aplicacionBean.parametro.pathImagenesProductos}#{s.productoSustituto.imgchi}.jpg" />
        </div>

        <div class="carrCod">
            <h:outputText value="#{s.productoSustituto.codigo}" />
            <br/>
            <h:outputText value="(#{s.productoSustituto.nroParte})" rendered="#{not empty s.productoSustituto.nroParte}"  />
        </div>

        <div class="carrDesc">
            <h:outputText value="#{s.productoSustituto.descrp}" />
        </div>

         <div class="carBot">
             
             <!--
             <p:commandButton  id="btnAgregar" icon="btnAgregar" style="top:0% !important;   margin-right:5px;"
                              action="#{catalogoBean.verConfirmarCantidadProducto(s.productoSustituto)}"
                              process="@this"
                              update=":formulario:confirmarCantidad"
                              title="Agregar este producto al carrito de compras"
                              rendered="#{usuarioSessionBean.estaRegistrado and not s.seleccionado}"
                              oncomplete="PF('dlgCantidad').show();  btnAceptar.focus(); " >
                
            </p:commandButton>
             
            <p:tooltip for="btnAgregar" showEffect="fade" hideEffect="fade" rendered="#{usuarioSessionBean.estaRegistrado and not s.seleccionado}"  />
            
            <p:commandButton  id="btnDelete" icon="btnDelete" style="top:0% !important;"
                              action="#{catalogoBean.generarItemCatalogo(s.productoSustituto)}"
                              process="@this"
                              update=":formulario:confirmarBorrado"
                              title="Borrar este producto del carrito de compras"
                              rendered="#{usuarioSessionBean.estaRegistrado and (s.seleccionado)}"

                              oncomplete="PF('dlgConfirmarBorrado').show(); btnBorrar.focus()">
            </p:commandButton>            
            <p:tooltip for="btnDelete"  showEffect="fade" hideEffect="fade" rendered="#{(s.seleccionado)}" />
             -->
            
            
            <p:commandButton 
                id="btnSeleccionar"
                icon="btnMasInfoI" styleClass="btnMasInfo"
                action="#{catalogoBean.verFichaProductoFromProducto(s.productoSustituto)}"
                process="@this"                
                update="@form"
                oncomplete="PF('dlgSustitutos').hide();"
                title="Ver la ficha del producto" >
            </p:commandButton>
            
         </div>
           
       </div>

    </p:carousel>  
    </p:dialog>        
  
    
</ui:composition>